/* DEFAULTS
----------------------------------------------------------*/
html,
body {
  width: 100%;
  height: 100%; }

form {
  height: 100%; }

.page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -32px;
  width: 100%; }

body {
  font-size: 1em;
  font: small-caps bold 1.6em Trebuchet MS, Arial, sans-serif;
  margin: 0px;
  padding: 0px; }

.footer,
.push {
  height: 24px; }

a:link, a:visited, a:active {
  color: black; }

a:hover {
  color: black;
  text-decoration: none; }

p {
  margin-bottom: 10px;
  line-height: 1.6em; }

/* HEADINGS ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-size: 1.5em;
  color: black;
  font-variant: small-caps;
  text-transform: none;
  font-weight: 200;
  margin-bottom: 0px; }

h1 {
  font-size: 1.6em;
  padding-bottom: 0px;
  margin-bottom: 0px; }

h2 {
  font-size: 1.5em;
  font-weight: 600; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.1em; }

h5, h6 {
  font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1,
.rightColumn > h2,
.leftColumn > h1,
.leftColumn > h2 {
  margin-top: 0px; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.header {
  position: relative;
  margin: 0px;
  padding: 0px;
  background: white;
  width: 100%;
  min-height: 118px; }

.header h1 {
  font-weight: 700;
  margin: 0px;
  padding: 0;
  color: black;
  border: none;
  line-height: 2em;
  font-size: 2em;
  top: 0; }

.main {
  padding: 0 18px 8px 18px;
  margin: 0;
  height: 100%; }

.footer {
  font-size: 0.8em;
  color: black;
  padding: 8px 0px 0px 0px;
  margin: 0px auto;
  text-align: center;
  line-height: normal;
  background: transparent; }

/* FORM ELEMENTS   
----------------------------------------------------------*/
FIELDSET.RadioButtonList {
  width: 145px;
  padding-bottom: 4px !important; }

FIELDSET {
  font-size: 0.9em !important;
  margin: 1em 0px;
  padding: 1em;
  border: 1px solid #cccccc; }

FIELDSET p {
  margin: 2px 12px 10px 10px; }

FIELDSET label {
  display: inline-block; }

FIELDSET label.inline {
  display: inline; }

LEGEND {
  font-weight: bold;
  padding: 2px 4px 3px 4px; }

input.textEntry {
  width: 320px;
  border: 1px solid #ccc; }

/* MISC  
----------------------------------------------------------*/
.clear {
  clear: both; }

DIV.MainTitle {
  display: block;
  width: 60%;
  float: left;
  text-align: left;
  padding: 10px 0 0 10px; }
  DIV.MainTitle #logo {
    float: left;
    display: inline-block;
    vertical-align: top; }
  DIV.MainTitle #TitleText {
    float: left;
    display: inline-block;
    margin-left: 20px; }
    DIV.MainTitle #TitleText h1 {
      margin: 0;
      margin-top: -6px;
      padding: 0; }
    DIV.MainTitle #TitleText h2 {
      margin: 0;
      margin-top: -10px;
      padding: 0;
      color: black;
      font-size: 1.2em; }

.loginDisplay {
  width: 30%;
  float: right;
  font-size: 1.1em;
  display: block;
  text-align: right;
  padding: 10px;
  color: White; }

.loginDisplay a:link {
  color: white; }

.loginDisplay a:visited {
  color: white; }

.loginDisplay a:hover {
  color: white; }

.failureNotification {
  font-size: 1.2em;
  color: Red; }

.bold {
  font-weight: bold; }

.submitButton {
  text-align: right;
  padding-right: 10px; }

/*========= Export Header =========*/
.DDSubHeader {
  display: inline-block;
  width: 49.5%; }

#ExportHeader {
  display: inline-block;
  text-align: right;
  width: 50%;
  margin: 0;
  padding: 0; }

/*========= Export Header =========*/
/* Checbox List */
.CheckBoxList {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  overflow-y: scroll;
  height: 120px; }

.CheckBoxList LI:first-child {
  padding-left: 0 !important; }

.CheckBoxList li {
  list-style: none;
  list-style-position: outside;
  list-style-type: none;
  border-bottom: 1px dotted black;
  margin: 0;
  padding: 2px;
  padding-left: 1.2em; }

.CheckBoxList li + li {
  text-indent: -1.2em; }

/* Checbox List */
/* Account information */
.MainLogin {
  font-size: 1.1em;
  display: block;
  text-align: Left;
  padding: 10px;
  text-align: center; }

div.accountInfo {
  display: inline-block;
  width: 380px; }

.MainLogin p INPUT[type="text"],
.MainLogin p INPUT[type="password"] {
  font-size: 0.9em; }

.MainLogin p {
  margin: 0 10px 10px 10px; }

.MainLogin div.ValidationSummary {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 76 -10px;
  float: left; }

.MainLogin div.submitButton {
  display: inline-block !important;
  margin: 0 !important;
  padding-right: 0 !important;
  width: 76 -10px;
  float: right; }

.MainLogin p INPUT[type="submit"] {
  margin-top: 8px; }

.MainLogin a:link {
  color: #2e3d47; }

.MainLogin a:visited {
  color: #2e3d47; }

.MainLogin a:hover {
  text-decoration: underline; }

.MainLogin FIELDSET LABEL {
  width: 140px;
  margin-right: 4px;
  text-align: right; }

.MainLogin label.RememberMeLabel {
  width: 200px !important;
  text-align: left !important; }

.MainLogin SPAN.CheckBox {
  padding-left: 125px;
  display: inline-block !important; }

.MainLogin SPAN.CheckBox LABEL {
  text-align: left !important;
  padding-left: 4px; }

/* Account information */

